<html>
<head>
<meta charset="utf-8" />
<title>Insert title here</title>
</head>
<body>
<input id="slider3" type ="range" min ="-2.5" max="3.0" step ="0.1"/>
<label for="country_name">Country : </label><input id="country_name" name="country_name" type="text" list="country" />
<datalist id="country">
   <option value="Afghanistan">
   <option value="Albania">
   <option value="Algeria">
   <option value="Andorra">
   <option value="Angola">
</datalist>

<label for="meeting">Meeting Date : </label><input id="meeting" type="date" value="2011-01-13"/>


<label for="background-color">Choose a calor for background :</label> 
<input id="background-color" type="color" />
</body>
</html>